<template>
  <div class="home">
    <div class="logo">
      <img src="@/assets/imgs/logo.png" alt="">
    </div>
    <van-cell-group>
      <van-field v-model="value" left-icon="search" placeholder="搜索商品名称" />
    </van-cell-group>
    <div class="person-icon">
      <van-icon name="contact" />
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {

    }
  }
}
</script>
<style lang="scss" scoped>
.home{
  display: flex;
  padding: 5px;
  background-color: #eee;
  .logo{
    width: 110px;
    height: 36px;
    margin-top: 5px;
    img{
      width: 100%;
      height: 100%;
    }
  }
  .van-cell-group{
    width: 200px;
    margin-left: 5px;
  }
  .person-icon{
    font-size: 30px;
    margin-left: 10px;
    margin-top: 5px;
  }
}
</style>
